<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:form>
        <p:dataGrid var="produits" value="#{mbCatalogue.produits}" 
                    columns="5"  
                    rows="12" paginator="true"  
                    rowsPerPageTemplate="9,12,15">  
            <p:column>
            <p:panel header="#{produits.produit.titreProduit}" 
                     style="text-align:center">  
                <h:panelGrid columns="1" style="width:100%">  
                    <p:graphicImage 
                        value="#{produits.produit.photo}" 
                        width="150" 
                        height="150"/> 
                    <p:commandButton 
                        value="Ajouter au panier" 
                        action="#{mbPanier
                                  .addLignePanier(produits.produit)}" 
                        ajax="false"/>
                </h:panelGrid>  
            </p:panel>  
                </p:column>
        </p:dataGrid>  
    </h:form>
</html>

